<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  <body>
    <!--
      布局标签(结构化语义标签)
    -->

    <!--
      header表示网页的头部
      main表示网页的主体部分
      footer 表示网页的底部
      nav 表示网页中的导航
      aside 和主体相关的其他内容 (侧边栏)
      article 表示一个独立的文章

      section 表示一个独立的区块,上边的标签都不能表示使用section


      显示效果没有区别,只是语义划分

      下面这两个元素是布局的主要元素。块元素一般就用div,行内元素一般就用span
        div没有语义,就用来表示一个区块,目前来讲div还是我们主要的布局元素。
        span 行内元素,没有任何的语义,一般用于在网页中选中文字。

    -->
    <header></header>
    <main></main>
    <footer></footer>
    <nav></nav>
    <aside></aside>
    <article></article>

    <span></span>
  </body>
</html>
